<template>
  <div ref="chart">
  </div>
</template>

<script>
import echarts from 'echarts';
import liquidfill from 'echarts-liquidfill'
export default {
  name: 'Co2',
  data () {
    return {
      chart: '',
      data: [],
      option: {
        title:{
          text:'蒸腾作用状态'
        },
        series: [{
          type: 'liquidFill',
          radius: '80%',
          data: [0.6, 0.6, 0.5, 0.4],
          label: {
            normal: {
              // textStyle: {
              color: 'green',
              insideColor: 'yellow',
              fontSize: 20
              // }
            }
          }
        }]
      }
    };
  },
  mounted () {
    this.chart = echarts.init(this.$refs['chart']);
    this.chart.setOption(this.option, true);
  }
};
</script>

<style scoped>
  .m-map {
    width: 100%;
    height: 100%;
  }
</style>
